.page-login{
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  :deep(.u-input__content__subfix-icon){
        display: flex;
        align-items: center;
        view{
           display: flex;
        }
  }
  .main{
    flex: 1;
    height: 100vh;
    overflow: hidden;
  }
  .main{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    input{
      height: 32px !important;
      line-height: 32px !important;
      min-height: 32px !important;
    }
    .submit{
      background: #0F90FD;
      border-radius: 23px;
      color: #fff;
      font-size: 16px;
      text-align: center;
      padding: 12px 15vw;
      margin-top: 20px;
    }
    .title{
      font-family: ThePeakFontPlus;
      font-size: 16px;
      color: #0F90FD;
      line-height: 34px;
      text-align: center;
      font-style: normal;
      margin-bottom: 30px;
    }
    .u-input{
      margin-bottom: 20px;
    }
  }
  .side{
    width: 40vw;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient( 136deg, #ECF8FE 0%, #DFF5FF 29%, #E1EEFC 52%, #D1EEFC 75%, #CBE9F8 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .logo{
      position: fixed;
      left: 3vw;
      top: 8vh;
      image{
        width: 16vw;
      }
    }
    .bg image{
      width: 34vw;
    }
  }
}
